<template>
	<view :class="['fixed_bottom',iphoneX?'fixed_bottom_ios':'fixed_bottom_android']"><slot></slot></view>
</template>

<script>
export default {
	data() {
		return {
			iphoneX: getApp().globalData.iphoneX
		};
	}
};
</script>

<style lang="scss">
.fixed_bottom{
	position: fixed;
	bottom: 0;
	&.fixed_bottom_ios {
		padding-bottom: calc(12rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(12rpx + env(safe-area-inset-bottom));
	}
	&.fixed_bottom_android{
		padding-bottom:24rpx;
	}
}
</style>
